<template>
	<view class="tab">
		<view  class="tab-list" :class="{'active' : tabIndex==0}" @tap="tabtap(0)">
			总排行榜
		</view>
		
		<view class="tab-list " :class="{'active' : tabIndex==1}" @tap="tabtap(1)">
			所属支部排行榜
		</view>
	</view>
</template>
<script>
	export default {
		props: {
			tabBars: Array,
			tabIndex: Number,
		},
		methods: {
			tabtap(index) {
				this.$emit('tabtap', index)
			}
		}
	}
</script>　

<style scoped>
	.tab{
		/* display: flex;
		justify-content: space-around;
		align-items: center; */
	}
	
	.tab-list {
		float: left;
		text-align: center;
		width: 314rpx;
		font-size: 36rpx;
		line-height: 36rpx;
		font-weight: bold;
		color: #989898;
	}
	
	.active {
		font-size: 40rpx;
		color: #E4615C;
	}
	
	
</style>
